<script >
export default{
    data(){
        return{
            checked:'false',
            checkedNames: []
        }
    }
}
</script>

<template>  
<input type="checkbox" id="checkbox" v-model="checked" />
<label for="checkbox">{{ checked }}</label>

<div>Checked names: {{ checkedNames }}</div>

<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack1">Jack</label>

<input type="checkbox" id="john" value="John" v-model="checkedNames">
<label for="john1">John</label>

<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
<label for="mike1">Mike</label>

</template>

<style scoped>

</style>
